<template>
	<el-tabs class="tabs-table customer-tabs" type="border-card" v-model="activeName">
		<el-tab-pane label="基本信息" name="first">
			<table style="width:100%;">
				<tr>
					<td style="width:25%">
						<div class="td-lable">客户名称:</div>
						<div class="td-info"> 某某公司</div>
					</td>
					<td style="width:25%">
						<div class="td-lable">客户代码:</div>
						<div class="td-info"> ZBD</div>
					</td>
					<td style="width:25%">
						<div class="td-lable">客户状态:</div>
						<div class="td-info"> 合作中</div>
					</td>
					<td style="width:25%">
						<div class="td-lable">客户类别:</div>
						<div class="td-info"> A类</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="td-lable">业务联系人1:</div>
						<div class="td-info">吴先生</div>
					</td>
					<td>
						<div class="td-lable">联系电话:</div>
						<div class="td-info">13113696666</div>
					</td>
					<td>
						<div class="td-lable">微信:</div>
						<div class="td-info">fasdD342</div>
					</td>
					<td>
						<div class="td-lable">邮箱:</div>
						<div class="td-info">88888@qq.com</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="td-lable">业务联系人2:</div>
						<div class="td-info">王先生</div>
					</td>
					<td>
						<div class="td-lable">联系电话:</div>
						<div class="td-info">13113696666<br>13188888888</div>
					</td>
					<td>
						<div class="td-lable">微信:</div>
						<div class="td-info">fasdD342</div>
					</td>
					<td>
						<div class="td-lable">邮箱:</div>
						<div class="td-info">88888@qq.com</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="td-lable">法人:</div>
						<div class="td-info"> 王某某</div>
					</td>
					<td>
						<div class="td-lable">法人电话:</div>
						<div class="td-info">13355888888<br>13355888888</div>
					</td>
					<td>
						<div class="td-lable">微信:</div>
						<div class="td-info"> 合作中</div>
					</td>
					<td>
						<div class="td-lable">传真:</div>
						<div class="td-info">0755-88888888</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="td-lable">客户来源:</div>
						<div class="td-info">朋友介绍</div>
					</td>
					<td>
						<div class="td-lable">客户需求:</div>
						<div class="td-info">成品</div>
					</td>
					<td colspan="2">
						<div class="td-lable">地址:</div>
						<div class="td-info">广东省深圳市龙岗区布吉街道吉华路123号</div>
					</td>
				</tr>
				<tr>
					<td colspan="4">
						<div class="td-lable">备注:</div>
						<div class="td-info">一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字一大堆文字</div>
					</td>
				</tr>
				
				<tr>
					<td>
						<div class="td-lable">审核状态:</div>
						<div class="td-info">已审核</div>
					</td>
					<td>
						<div class="td-lable">审核人:</div>
						<div class="td-info">王某某</div>
					</td>
					<td>
						<div class="td-lable">审核时间:</div>
						<div class="td-info">2020-01-01 23:55</div>
					</td>
					<td>
						<div class="td-lable"></div>
						<div class="td-info"></div>
					</td>
				</tr>
			</table>
		</el-tab-pane>
		<el-tab-pane label="详细信息" name="second">

			<table style="width:100%">
				<tr>
					<td style="width:25%">
						<div class="td-lable">信用等级:</div>
						<div class="td-info">A级</div>
					</td>
					<td style="width:25%">
						<div class="td-lable">授信额度:</div>
						<div class="td-info">≦10万</div>
					</td>
					<td style="width:25%">
						<div class="td-lable">对公银行:</div>
						<div class="td-info"> 建设银行</div>
					</td>
					<td style="width:25%">
						<div class="td-lable">对公银行帐号:</div>
						<div class="td-info">4621323133213213</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="td-lable">税务登记证号:</div>
						<div class="td-info">234213421353453</div>
					</td>
					<td>
						<div class="td-lable">经营面积:</div>
						<div class="td-info">13113696666</div>
					</td>
					<td>
						<div class="td-lable">注册商标:</div>
						<div class="td-info">好运来 尚品阁 </div>
					</td>
					<td>
						<div class="td-lable">授权品牌:</div>
						<div class="td-info">88888@qq.com</div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="td-lable">营业执照:</div>
						<div class="td-info"><a href="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=267817157,3993463591&fm=26&gp=0.jpg"
							 target="_blank"><img style="max-height:200px;max-width:200px" src="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=267817157,3993463591&fm=26&gp=0.jpg" /></a></div>
					</td>
					<td>
						<div class="td-lable">其它图片:</div>
						<div class="td-info"><img style="max-height:200px;max-width:200px" scr="https://ss0.bdstatic.com/70cFvHSh_Q1YnxGkpoWK1HF6hhy/it/u=267817157,3993463591&fm=26&gp=0.jpg" /></div>
					</td>
					<td>
						<div class="td-lable">网址:</div>
						<div class="td-info"><a href="//www.baidu.com" target="_blank">//www.baidu.com</a></div>
					</td>
					<td>
						<div class="td-lable"></div>
						<div class="td-info"></div>
					</td>
				</tr>
				<tr>
					<td>
						<div class="td-lable">创建人:</div>
						<div class="td-info">某员工</div>
					</td>
					<td>
						<div class="td-lable">创建时间:</div>
						<div class="td-info">2020-01-01 23:55</div>
					</td>
					<td>
						<div class="td-lable">修改记录:</div>
						<div class="td-info">--</div>
					</td>
					<td>
						<div class="td-lable">更新时间:</div>
						<div class="td-info">2020-01-01 23:55</div>
					</td>
				</tr>
			</table>
		</el-tab-pane>
		<el-tab-pane label="跟进记录（5）" name="third">
			<genjin-jilu></genjin-jilu>
		</el-tab-pane>
		<el-tab-pane label="订单记录（0）" name="fourth">暂无


		</el-tab-pane>
		<el-tab-pane label="收货地址" name="third2">暂无


		</el-tab-pane>
	</el-tabs>
</template>
<style scoped>
	.td-lable,
	.td-info {
		display: inline-table;
		vertical-align: -webkit-baseline-middle;
	}

	.td-lable {
		text-align: right;
		width: 100px;
	}

	.td-info {
		margin-left: 20px;
	}
	.tabs-table td {
		height: 50px;
		border-bottom: 1px solid #dcdfe6;
	}
    .customer-tabs .el-tab-pane{
	height:400px;
	overflow: auto;
	padding:20px;
	}
	</style>

<script>
module.exports= {
		data() {
			return {
			    activeName:'first',
			}

			;
		}

		,
		methods: {}

		,
		components: {
			// 将组建加入组建库
			'genjin-jilu': 'url:./data/genjin-jilu.vue',
		}

		,
	}
;
</script>
